<!DOCTYPE HTML>
<html>
<head>
<title>中国风景网</title>
<include file="Public/title" />
    <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" name="viewport">
    <include file="Public/head" />
</head>
<body>
<script>$(document).ready(function(c) {
	$('.ban-main-cls').on('click', function(c){
		$('.bann-close').fadeOut('slow', function(c){
	  		$('.bann-close').remove();
		});
	});	  
});
</script>
<!--header start here-->
<div class="header">
		<div class="header-main">
          <div class="top-nav">
			  	<span class="menu"> <img src="__PUBLIC__/admin/images/icon.png" alt=""/></span>
				<ul class="res">
          <li><a  href="{:U('Index/index')}">主页</a></li>
          <if condition="$Think.session.alias eq null">
                                       <li><a  href="{:U('Users/login')}">发布信息</a></li>

									     <else/>
                                       <li><a  href="{:U('fabuqu/release')}">发布信息</a></li>
                                      </if>
         <!--  <li><a class="scroll" href="#service">服务</a></li> -->
          <li><a href="{:U('Index/service')}">景点</a></li>
          <li><a href="{:U('Users/reg')}">注册</a></li>
				</ul>
				<!-- script-for-menu -->
							 <script>
							   $( "span.menu" ).click(function() {
								 $( "ul.res" ).slideToggle( 300, function() {
								 // Animation complete.
								  });
								 });
							</script>
			<!-- /script-for-menu -->
			 </div>	
			 <div class="header-right">
			 <div class="search-box">
				<div id="sb-search" class="sb-search">
					<form>
						<input class="sb-search-input" placeholder="Search" type="search" name="search" id="search">
						<input class="sb-search-submit" type="submit" value="">
						<span class="sb-icon-search"> </span>
					</form>
			   </div>
			</div>
			  <!-- search-scripts -->
					<script src="__PUBLIC__/admin/js/classie.js"></script>
					<script src="__PUBLIC__/admin/js/uisearch.js"></script>
						<script>
							new UISearch( document.getElementById( 'sb-search' ) );
						</script>
					<!-- //search-scripts -->
					<div class="head-button">
					<div id="loginContainer"><a href="{:U('Users/login')}"><span>登录</span></a>         
						   
				        </div>
					</div>
				</div>
		<div class="clearfix"> </div>
     </div>
     <div class="clearfix"> </div>
   </div>	

</div>
<!--header end here-->
<!--banner start here-->
<div class="ba">
	<div class="container">
		<div class="banner-main">
			 <a href="index.html"><img src="__PUBLIC__/admin/images/logo.png" alt="" class="img-class"></a>	
			<div class="clearfix"> </div>
		</div>
	</div>

</div>
		<script src="__PUBLIC__/admin/js/jquery.chocolat.js"></script>
		<link rel="stylesheet" href="__PUBLIC__/admin/css/chocolat.css" type="text/css" media="screen" charset="utf-8">
		<!--light-box-files -->
		<script type="text/javascript" charset="utf-8">
		$(function() {
			$('.gallery-bottom a').Chocolat();
		});
		</script>

<div class="about">
	 <div class="container">
		 <h2>九寨沟</h2>
		 <div class="about-top-sec">
			 <h3>地理位置</h3>
			 <h4>九寨沟位于四川省阿坝藏族羌族自治州九寨沟县漳扎镇，是白水沟上游白河的支沟，以有九个藏族村寨（又称何药九寨）而得名。九寨沟海拔在2000米以上，遍布原始森林，沟内分布108个湖泊。</h4>
			 <p>九寨沟四季景色迷人。动植物资源丰富，种类繁多，原始森林遍布，栖息着大熊猫等十多种稀有和珍贵野生动物。远望雪峰林立，高耸云天，终年白雪皑皑，加上藏家木楼、晾架经幡、栈桥、磨房、传统习俗及神话传说构成的人文景观，被誉为“美丽的童话世界”。</p>
		 </div>
		 <div class="about-grids">
			 <div class="col-md-6 about-list">
				 <ul>
					 <li>日则沟风景线全长18公里，在诺日朗和原始森林之间，是九寨沟风景线中的精华部分，美艳绝伦，变化多端，也是九寨沟景观的高潮。</li>
					 <li>九寨沟风景区呈Y字形分布，其中则查洼沟处于的左支（右支为日则沟，下支为树正沟），具有多个景点，风光优美。</li>
					 <li>扎如沟是九寨沟的第四条沟。沟内山色妩媚，溪流清澈；林中满布地衣，松萝随风摇曳；远山，近树，花团锦簇；野生动物在林中时隐时现，处处透出原始之美</li>
					 <li>五彩池是九寨沟最小的海子，但是色彩最为丰富，不同的角度和位置有不同的色彩，在阳光的照耀下，颇为神奇。</li>
					 <li>镜海是九寨沟著名景点之一，镜海一平如镜，故得其名。每当晨曦初露或朝霞遍染之时，蓝天、白云、远山、近树，尽纳海底，海中景观，线条分明，色泽艳丽。</li>
					
				 </ul>		
			 </div>
			 <div class="col-md-6 about-pic">
				<img src="__PUBLIC__/admin/images/xitang.jpg">
			 </div>
			 <div class="clearfix"></div>
		 </div>		 
	 </div>
					<div class="clearfix"> </div>
				</div>
			</div>

		 </div>
	</div>
</div>

<div class="footer">
	 <include file="Public/footer" />  
</div>
<!--footer end here-->
</body>
</html>